<template>
  <vue-modal
    title="配置推荐关注"
    ok-text="提交"
    cancel-text="取消"
    :show.sync="showModal"
    effect="fade"
    :small="true"
    :width="500"
    :callback="submit">
    <div slot="modal-body" class="modal-body">
      <form class="form-horizontal" role="form">
        <div class="form-group form-group-sm">
          <label class="col-sm-3 control-label">*类别</label>
          <div class="col-sm-9 text-left">
            <select class="form-control" v-model="form.type">
              <option value="-1">请选择</option>
              <option value="0">港股股票</option>
              <option value="1">港股组合</option>
              <option value="2">A股股票</option>
              <option value="3">A股组合</option>
            </select>
          </div>
        </div>
        <div class="form-group form-group-sm" v-if="+form.type === 1 || +form.type === 3">
          <label class="col-sm-3 control-label">*组合ID</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.location">
          </div>
        </div>
        <div class="form-group form-group-sm" v-if="+form.type === 0">
          <label class="col-sm-3 control-label">*股票代码</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.location" placeholder="00069.HK">
          </div>
        </div>
        <div class="form-group form-group-sm" v-if="+form.type === 2">
          <label class="col-sm-3 control-label">*股票代码</label>
          <div class="col-sm-9 text-left">
            <input type="text" class="form-control" v-model="form.location" placeholder="000001.SZ">
          </div>
        </div>
      </form>
    </div>
  </vue-modal>
</template>
<script src="./recommend-config.js"></script>